<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>主页 - 学生宿舍管理系统</title>
    <link rel="shortcut icon" href="/img/head.png" type="image/x-icon">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">

    <link rel="stylesheet" href="/layui/css/layui.css" media="all">
    <script src="./js/jquery-3.6.0.min.js"></script>
</head>
<body>

<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo">学生宿舍管理系统</div>
        <!-- 头部区域（可配合layui 已有的水平导航） -->
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="javascript:;">
                    <img src="/img/by.png" class="layui-nav-img">
                    测试用户
                </a>
                <dl class="layui-nav-child">
                    <dd><a href="">set 1</a></dd>
                    <dd><a href="">set 2</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item"><a href="">退出</a></li>
        </ul>
    </div>

    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <li class="layui-nav-item layui-this"><a th:href="'home'">主页</a></li>
                <li class="layui-nav-item">
                    <a href="javascript:;">系统管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="">用户综合管理</a></dd>
                        <dd><a href="">数据库管理</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">学生管理</a>
                    <dl class="layui-nav-child">
                        <dd><a th:href="'student/list'">学生信息浏览</a></dd>
                        <dd><a th:href="'student/add'">学生信息登记</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">住宿管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="">入住管理</a></dd>
                        <dd><a href="">宿舍管理</a></dd>
                        <dd><a href="">学生退宿</a></dd>
                        <dd><a href="">期末注销</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">查询管理</a>
                    <dl class="layui-nav-child">
                        <dd><a th:href="'room/selectroom'">寝室情况查询</a></dd>
                        <dd><a th:href="'student/query'">学生情况查询</a></dd>
                        <dd><a href="">来访情况查询</a></dd>
                        <dd><a href="">设备情况查询</a></dd>
                        <dd><a href="">电费情况查询</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">门卫管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="">来访登记</a></dd>
                        <dd><a href="">结束登记</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">寝室管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="">寝室床位储息录用</a></dd>
                        <dd><a href="">设备管理</a></dd>
                        <dd><a href="">宿舍评比</a></dd>
                        <dd><a href="">电费管理</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a href="">统计</a></li>
                <li class="layui-nav-item"><a href="">报表</a></li>
            </ul>
        </div>
    </div>

    <div class="layui-body" style="background-color: #F6F6F6;">
        <!-- 内容主体区域 -->
        <div style="padding: 20px;padding-top: 10px;">

            <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief" style="margin-top: 0px;">
                <ul class="layui-tab-title">
                    <li class="layui-this">快捷入口</li>
                    <li>个人信息</li>
                    <li>关于</li>
                </ul>
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show">
                        <div style="width: 500px;height: 120px; ">
                            <div class="layui-card">
                                <div class="layui-card-header">学生管理</div>
                                <div class="layui-card-body">
                                    <button type="button" class="layui-btn layui-btn-primary" id="j1" ><i class="layui-icon layui-icon-heart"> 浏览</i></button>
                                    <button type="button" class="layui-btn layui-btn-primary" id="j2" ><i class="layui-icon layui-icon-heart"> 登记</i></button>
                                    <button type="button" class="layui-btn layui-btn-primary" id="j3" ><i class="layui-icon layui-icon-heart"> 修改</i></button>
                                </div>
                            </div>
                        </div>

                        <div style="width: 500px;height: 120px; ">
                            <div class="layui-card">
                                <div class="layui-card-header">住宿管理</div>
                                <div class="layui-card-body">
                                    <button type="button" class="layui-btn layui-btn-primary" id="j4" ><i class="layui-icon layui-icon-heart"> 入住</i></button>
                                    <button type="button" class="layui-btn layui-btn-primary" id="j5" ><i class="layui-icon layui-icon-heart"> 调整</i></button>
                                    <button type="button" class="layui-btn layui-btn-primary" id="j6" ><i class="layui-icon layui-icon-heart"> 退宿</i></button>
                                    <button type="button" class="layui-btn layui-btn-primary" id="j7" ><i class="layui-icon layui-icon-heart"> 注销</i></button>
                                </div>
                            </div>
                        </div>

                        <div style="width: 500px;height: 120px; ">
                            <div class="layui-card">
                                <div class="layui-card-header">设备管理</div>
                                <div class="layui-card-body">
                                    <button type="button" class="layui-btn layui-btn-primary" id="j8" ><i class="layui-icon layui-icon-heart"> 新进</i></button>
                                    <button type="button" class="layui-btn layui-btn-primary" id="j9" ><i class="layui-icon layui-icon-heart"> 维护</i></button>
                                    <button type="button" class="layui-btn layui-btn-primary" id="j10" ><i class="layui-icon layui-icon-heart"> 报废</i></button>
                                </div>
                            </div>
                        </div>

                        <div style="width: 600px;height: 120px; ">
                            <div class="layui-card">
                                <div class="layui-card-header">宿舍评比</div>
                                <div class="layui-card-body">
                                    <button type="button" class="layui-btn layui-btn-primary" id="j11" ><i class="layui-icon layui-icon-heart"> 卫生记录</i></button>
                                    <button type="button" class="layui-btn layui-btn-primary" id="j12" ><i class="layui-icon layui-icon-heart"> 违纪记录</i></button>
                                    <button type="button" class="layui-btn layui-btn-primary" id="j13" ><i class="layui-icon layui-icon-heart"> 分数统计</i></button>
                                    <button type="button" class="layui-btn layui-btn-primary" id="j14" ><i class="layui-icon layui-icon-heart"> 优秀宿舍</i></button>
                                </div>
                            </div>
                        </div>


                    </div>
                    <div class="layui-tab-item">
                        <div class="layui-card">
                            <div class="layui-card-header">19计科2班</div>
                            <div class="layui-card-body">
                                1950300193  柏宇
                            </div>
                        </div>
                    </div>
                    <!-- 内容3 -->
                    <div class="layui-tab-item" style="padding-left:100px ;">

                        <fieldset class="layui-elem-field layui-field-title" style="margin-top: ">
                            <legend>记得给我的作业五星好评哦！</legend>
                        </fieldset>
                        <ul style="padding-left:40px ;">

                            <li>
                                <div id="test12"></div>
                            </li>

                        </ul>

                        <br /><br /><br />
                        <fieldset class="layui-elem-field layui-field-title" style="margin-top: ">

                            <legend>软件信息</legend>
                        </fieldset>
                        <br />
                        <div style="padding-left: 20px;">
                            xxxxxxxxxx
                            <br /><br /><br />
                            xxxxxxxxxx
                            <br /><br /><br />
                            xxxxxxxxxx
                            <br /><br /><br />
                            日期：2022年3月15日———2022年3月18日
                        </div>

                    </div>

                </div>

            </div>

        </div>


    </div>


</div>
<script src="/layui/layui.js" charset="utf-8"></script>

<script>
    $("#j1").click(function(){
        window.location.href="2-1.html";
    })
    $("#j2").click(function(){
        window.location.href="2-2.html";
    })
    $("#j3").click(function(){
        window.location.href="2-3.html";
    })
    $("#j3").click(function(){
        window.location.href="2-3.html";
    })
    $("#j4").click(function(){
        window.location.href="3-1.html";
    })
    $("#j5").click(function(){
        window.location.href="3-2.html";
    })

    $("#j6").click(function(){
        window.location.href="3-3.html";
    })
    $("#j7").click(function(){
        window.location.href="3-4.html";
    })
    // $("#j8").click(function(){
    // 	window.location.href="2-3.html";
    // })
    // $("#j9").click(function(){
    // 	window.location.href="2-3.html";
    // })
    // $("#j10").click(function(){
    // 	window.location.href="2-3.html";
    // })
    // $("#j11").click(function(){
    // 	window.location.href="2-3.html";
    // })
    // $("#j12").click(function(){
    // 	window.location.href="2-3.html";
    // })
    // $("#j13").click(function(){
    // 	window.location.href="2-3.html";
    // })
    // $("#j14").click(function(){
    // 	window.location.href="2-3.html";
    // })
</script>

<script>
    layui.use(['rate'], function() {
        var rate = layui.rate;


        rate.render({
            elem: '#test12',
            value: 2.5,
            half: true,
            theme: '#009688'
        })

    });
</script>

<script>
    //JavaScript 代码区域
    layui.use('element', function() {
        var element = layui.element;

    });
</script>
<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?d214947968792b839fd669a4decaaffc";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
</body>
</html>
